<!DOCTYPE html>
<meta name=“viewport” content=“width=device-width, initial-scale=1” />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>崇明特色产品网</title>
    <link rel="stylesheet" href="index_css.css" />
  </head>
  <body>
    <div class="head">
      <div class="container">
        <div class="left_first">
          <div class="left_word">
            <p>欢迎来到农商网</p>
          </div>
          <div class="left2">
            <a href="login.html">登陆</a>
          </div>
          <div class="left3">
            <a href="register.html">请注册</a>
          </div>
        </div>
      </div>
    </div>

    <div class="neck">
      <div class="container">
        <div class="logo">
          <a href="http://www.suibe.edu.cn/">
            <img src="img/logo.jpg" alt="" />
          </a>
        </div>
        <form action="" class="parent">
          <input type="text" class="search" placeholder="搜索" />
          <input type="button" value="点击" class="btn" />
        </form>
      </div>
    </div>
    <div class="container">
      <hr />
    </div>

    <div class="content">
      <div class="container clearfix">
        <!-- 第一行 -->

        <div class="product clearfix">
          <!-- 一行三个 -->
          <div class="introduce">
            <div class="picture">
              <img src="picture/花菜.jpg" alt="" />
            </div>
            <div class="word">
              <p>
                花椰菜 <br />
                <b>单价:</b>&nbsp; 5.00元/千克
              </p>
            </div>
          </div>

          <div class="introduce">
            <div class="picture">
              <img src="picture/芦笋.jpg" alt="" />
            </div>
            <div class="word">
              <p>
                芦笋 <br />
                <b>单价:</b>&nbsp; 6.10元/千克
              </p>
            </div>
          </div>

          <div class="introduce">
            <div class="picture">
              <img src="picture/山药.jpg" alt="" />
            </div>
            <div class="word">
              <p>
                山药 <br />
                <b>单价:</b>&nbsp; 5.90元/千克
              </p>
            </div>
          </div>
        </div>

        <!-- 第二行 -->
        <div class="product clearfix">
          <!-- 一行三个 -->
          <div class="introduce">
            <div class="picture">
              <img src="picture/生菜.jpg" alt="" />
            </div>
            <div class="word">
              <p>
                生菜 <br />
                <b>单价:</b>&nbsp; 4.50元/千克
              </p>
            </div>
          </div>

          <div class="introduce">
            <div class="picture">
              <img src="picture/蚕豆.jpg" alt="" />
            </div>
            <div class="word">
              <p>
                蚕豆<br />
                <b>五斤装</b>&nbsp; 48元包邮
              </p>
            </div>
          </div>

          <div class="introduce">
            <div class="picture">
              <img src="picture/韭菜.jpg" alt="" />
            </div>
            <div class="word">
              <p>
                韭菜 <br />
                三斤<b>包邮</b>&nbsp; 9.80元/斤
              </p>
            </div>
          </div>
        </div>
        <!-- 第三行 -->
        <div class="product clearfix">
          <!-- 一行三个 -->
          <div class="introduce">
            <div class="picture">
              <img src="picture/竹笋.jpg" alt="" />
            </div>
            <div class="word">
              <p>
                竹笋 <br />
                三斤<b>包邮</b> &nbsp; 4.00元/斤
              </p>
            </div>
          </div>

          <div class="introduce">
            <div class="picture">
              <img src="picture/红皮土豆.jpg" alt="" />
            </div>
            <div class="word">
              <p>
                红皮土豆 <br />
                <b>五斤装</b>&nbsp; 39.9元/五斤
              </p>
            </div>
          </div>

          <div class="introduce">
            <div class="picture">
              <img src="picture/卷心菜.jpg" alt="" />
            </div>
            <div class="word">
              <p>
                卷心菜 <br />
                <b>单价:</b>&nbsp; 6.8元/个
              </p>
            </div>
          </div>
        </div>
        <!-- 第四行 -->
        <!-- <div class="product clearfix">
           一行三个 
          <div class="introduce">
            <div class="picture">
              <img src="picture/花菜.jpg" alt="" />
            </div>
            <div class="word">
              <p>
                花椰菜 <br />
                <b>price:</b>&nbsp;3.00 元/kg
              </p>
            </div>
          </div>

          <div class="introduce">
            <div class="picture">
              <img src="picture/花菜.jpg" alt="" />
            </div>
            <div class="word">
              <p>
                花椰菜 <br />
                <b>单价:</b> &nbsp;3.00元/千克
              </p>
            </div>
          </div>

          <div class="introduce">
            <div class="picture">
              <img src="picture/花菜.jpg" alt="" />
            </div>
            <div class="word">
              <p>
                花椰菜 <br />
                <b>单价:</b> &nbsp;3.00元/千克
              </p>
            </div>
          </div>
        </div> -->
      </div>
    </div>
    <div class="footer">
      <div class="container">
        <a href="#">
          <div class="buyCar">
            <div class="imgbox">
              <img src="picture/buyCar.ico" alt="" />
            </div>
            <div class="words">
              <p>购物车</p>
            </div>
          </div>
        </a>
        <a href="#">
          <div class="mine">
            <div class="imgbox">
              <img src="picture/mine.ico" alt="" />
            </div>
            <div class="words">
              <p>我的</p>
            </div>
          </div>
        </a>
      </div>
    </div>
  </body>
</html>
